import React from 'react';
class WcCom extends React.Component<any, any>{
    constructor(props: any) {
        super(props);
        this.state = {
            wcData: [
                {
                    name: "IDC数据机房",
                    text: "全球顶级IDC数据中心机房资源巨力呈现让数据中心节点更加便捷易用。",
                },
                {
                    name: "服务器集群",
                    text: "SAS-SAN架构，最大96G吞吐量，最高近100万IOPS，最大超1PB的容量。",
                },
                {
                    name: "业务平台",
                    text: "独立的业务平台、图形化界面和开放API一个小品牌，都有一个专属云。",
                },
                {
                    name: "云平台系统",
                    text: "强大的承载能力让每个节点资源有效整合云之基石，自由计算。",
                },
                {
                    name: "技术支持服务",
                    text: "专业的技术服务标准，让每个云梦想者省心每一个问题都会即时响应。",
                },
                {
                    name: "备案服务",
                    text: "快速备案，快速接入。",
                }
            ],
        }
    }
    render() {
        return (
            <div className="wc-content">
                <div className="c-c-b">
                    <div className="common-width c-c-b-c">
                        <ul>
                            {this.state.wcData.map((item: any, i: number) => {
                                return (
                                    <li key={i}>
                                        <div className="img-box">
                                            <span className={`s${i + 1}`}></span>
                                        </div>
                                        <div className="desc">
                                            <p className="name">{item.name}</p>
                                            <p className="text">{item.text}</p>
                                        </div>
                                    </li>
                                )
                            })}
                        </ul>
                        <br className="clear" />
                    </div>
                </div>
            </div>
        )
    }
}
export default WcCom;